<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link href="/static/layui/css/layui.css" rel="stylesheet" type="text/css">
    <script src="/static/js/jquery.js" type="text/javascript"></script>
    <script src="/static/layui/layui.js" type="text/javascript"></script>
</head>
<body>

<script>
    var ws, name, client_list={};
    // 创建websocket

    ws = new WebSocket("ws://192.168.10.115:7273");
    // 输入姓名
    function show_prompt(){
        name = prompt('输入你的名字：', '');
        if(!name || name=='null'){
            name = '游客';
        }
    }

    // 连接建立时发送登录信息
    function onopen()
    {
        if(!name)
        {
            show_prompt();
        }
        // 登录
        var login_data = '{"type":"login","client_name":"'+name.replace(/"/g, '\"')+'","room_id":"<?php echo isset($_GET['room_id']) ? $_GET['room_id'] : 1?>"}';
        console.log("websocket握手成功，发送登录数据:"+login_data);
        ws.send(login_data);
    }

    function onmessage()
    {

    }


    layui.use('layim', function(layim){


        // 当socket连接打开时，输入用户名
        ws.onopen = onopen;
        // 当有消息时根据消息类型显示不同信息
        ws.onmessage = onmessage;
        ws.onclose = function() {
            console.log("连接关闭，定时重连");
            //connect();
        };
        ws.onerror = function() {
            console.log("出现错误");
        };





        //基础配置
        layim.config({
            //获取主面板列表信息
            init: {
                url: '<?php echo U("im/getlist");?>' //接口地址（返回的数据格式见下文）
                ,type: 'get' //默认get，一般可不填
                ,data: {} //额外参数
            }
            //获取群员接口
            ,members: {
                url: '<?php echo U("im/getMembers");?>'//接口地址（返回的数据格式见下文）
                ,type: 'get' //默认get，一般可不填
                ,data: {} //额外参数
            }

            //上传图片接口（返回的数据格式见下文）
            ,uploadImage: {
                url: '<?php echo U("im/upload",array("type" => "img"));?>' //接口地址（返回的数据格式见下文）
                ,type: 'post' //默认post
            }

            //上传文件接口（返回的数据格式见下文）
            ,uploadFile: {
                url: '<?php echo U("im/upload",array("type" => "file"));?>' //接口地址（返回的数据格式见下文）
                ,type: 'post' //默认post
            },

            brief: false //是否简约模式（默认false，如果只用到在线客服，且不想显示主面板，可以设置 true）
                ,title: '简易聊天室' //主面板最小化后显示的名称
                ,min: false //用于设定主面板是否在页面打开时，始终最小化展现。默认false，即记录上次展开状态。
                ,minRight: null //【默认不开启】用户控制聊天面板最小化时、及新消息提示层的相对right的px坐标，如：minRight: '200px'
                ,maxLength: 3000 //最长发送的字符长度，默认3000
                ,isfriend: true //是否开启好友（默认true，即开启）
                ,isgroup: true //是否开启群组（默认true，即开启）
                ,right: '0px' //默认0px，用于设定主面板右偏移量。该参数可避免遮盖你页面右下角已经的bar。
                ,chatLog: '/chat/log/' //聊天记录地址（如果未填则不显示）
                ,find: '/find/' //查找好友/群的地址（如果未填则不显示）
                ,copyright: true //是否授权，如果通过官网捐赠获得LayIM，此处可填true
    });
    });
</script>
</body>
</html>